<template>
          <div class="exchange-box">
            <client-only>
              <div v-for="(item, index) in communicationCommunityList" :key="index" class="exchange-info">

                <el-popover placement="left" :width="80">
                  <template #reference>
                    <div class="flex items-center cursor-pointer">
                      <div class="icon"></div>
                      <div class="text" style="font-size: 13px;">{{ item.name }}</div>
                    </div>
                  </template>
                  <img style="width:120px;height:120px;" src="@/assets/images/logo/boss_wx.png" alt="">
                  <div class="kefu-text" style="text-align: center;">
                    <span>扫码添加客服微信</span>
                  </div>
                </el-popover>

              </div>
            </client-only>
          </div>
</template>
<script setup>
const communicationCommunityList = ref([
  {
    name: '鞋服箱包',
    img: 'https://img.amz123.com/upload/index_icon/20201226/5fe6ec1428019.png/icon96',
  }, {
    name: '消费电子',
    img: 'https://img.amz123.com/upload/index_icon/20201226/5fe6ea30957c1.png/icon96',
  }, {
    name: '妆容&饰品',
    img: 'https://img.amz123.com/upload/index_icon/20201226/5fe6ea17c22a1.png/icon96',
  }, {
    name: '家电&家具',
    img: 'https://img.amz123.com/upload/index_icon/20201226/5fe6e9ef73f40.png/icon96',
  }, {
    name: '出海美国',
    img: 'https://img.amz123.com/upload/index_icon/20201226/5fe6e9e4eb24b.png/icon96',
  }, {
    name: '出海日本',
    img: 'https://img.amz123.com/upload/index_icon/20201226/5fe6e9da98c58.png/icon96',
  }, {
    name: '出海越南',
    img: 'https://img.amz123.com/upload/index_icon/20201226/5fe6ea2814e80.png/icon96',
  }, {
    name: '出海印尼',
    img: 'https://img.amz123.com/upload/index_icon/20201226/5fe6e9ba3f488.png/icon96',
  }, {
    name: 'Tiktok电商',
    img: 'https://img.amz123.com/upload/index_icon/20210206/601e47e84d840.png/icon96',
  }, {
    name: '外贸转内贸',
    img: 'https://img.amz123.com/upload/index_icon/20201203/5fc8fed35f1bc.jpg',
  }, {
    name: 'SHEIN',
    img: 'https://img.amz123.com/upload/index_icon/20201203/5fc8fed35f1bc.jpg',
  }
])
</script>
<style></style>